<!DOCTYPE html>
<html class="no-js" lang="">

<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品详情</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="user/media/favicon.png">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="user/dependencies/bootstrap/css/bootstrap.min.css">
    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="user/dependencies/fontawesome/css/all.min.css">
    <!-- Flaticon CSS -->
    <link rel="stylesheet" href="user/dependencies/flaticon/flaticon.css">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="user/dependencies/owl.carousel/css/owl.carousel.min.css">
    <link rel="stylesheet" href="user/dependencies/owl.carousel/css/owl.theme.default.min.css">
    <!-- Animated Headlines CSS -->
    <link rel="stylesheet" href="user/dependencies/jquery-animated-headlines/css/jquery.animatedheadline.css">
    <!-- Magnific Popup CSS -->
    <link rel="stylesheet" href="user/dependencies/magnific-popup/css/magnific-popup.css">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="user/dependencies/animate.css/css/animate.min.css">
    <!-- Meanmenu CSS -->
    <link rel="stylesheet" href="user/dependencies/meanmenu/css/meanmenu.min.css">
    <!-- Site Stylesheet -->
    <link rel="stylesheet" href="user/assets/css/style.css">
    <script src="login/js/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="webjars/sweetalert2/10.10.0/dist/sweetalert2.min.css">
    <script src="webjars/sweetalert2/10.10.0/dist/sweetalert2.min.js"></script>
    <!-- Google Web Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap"
          rel="stylesheet">

</head>

<body class="sticky-header">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
    your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- ScrollUp Start Here -->
<a href="#wrapper" data-type="section-switch" class="scrollup">
    <i class="fas fa-angle-double-up"></i>
</a>
<!-- ScrollUp End Here -->
<!-- Preloader Start Here -->
<div id="preloader"></div>
<!-- Preloader End Here -->
<div id="wrapper" class="wrapper">

    <!--=====================================-->
    <!--=            Header Start           =-->
    <!--=====================================-->
    <header class="header">
        <div id="rt-sticky-placeholder"></div>
        <div id="header-menu" class="header-menu menu-layout1 pd-x-20">
            <div class="container-fluid">
                <div class="row d-flex align-items-center">
                    <div class="col-lg-2">
                        <div class="logo-area">
                            <a href="index.html" class="temp-logo">
                                <img src="login/img/logo.jpg" alt="logo" class="img-fluid">
                            </a>
                            <a href="index.html" class="sticky-logo">
                                <img src="login/img/logo.jpg" alt="logo" class="img-fluid">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7 d-flex justify-content-end">
                        <nav id="dropdown" class="template-main-menu">
                            <ul>
                                <li>
                                    <a href="web-index.html">首页</a>
                                </li>
                                <li>
                                    <a href="web-ReProductList.html">废品展览</a>
                                </li>
                                <li>
                                    <a href="web-CompanyList.html">废品公司</a>
                                </li>
                                <li>
                                    <a href="web-informList.html">消息通知</a>
                                </li>
                                <li>
                                    <a href="web-plaint-CompanyList.html">用户留言</a>
                                </li>
                                <li>
                                    <a href="web-orderCompanyLIst.html">废品车</a>
                                </li>
                                <li>
                                    <a href="Background_index.html">入住商家</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-lg-3 d-flex justify-content-end">
                        <div class="header-action-layout1">
                            <ul id="userData">

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--=====================================-->
    <!--=        Inner Banner Start         =-->
    <!--=====================================-->
    <section class="inner-page-banner" data-bg-image="user/media/banner/banner1.jpg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumbs-area">
                        <h1>详细说明废品回收的要求</h1>
                        <ul>
                            <li>
                                <a href="web-index.html">首页</a>
                            </li>
                            <li>废品详情页面</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--=====================================-->
    <!--=          Product Start         =-->
    <!--=====================================-->
    <section class="single-product-wrap-layout2 section-padding-equal-70 bg-accent">
        <div class="container">
            <div class="row">
                <div class="col-xl-9 col-lg-8">
                    <div class="single-product-box-layout1">
                        <div class="product-info light-shadow-bg">
                            <div class="product-content light-box-content" id="data_1">

                            </div>
                        </div>
                        <div class="item-related-product light-shadow-bg">
                            <div class="container">
                                <div class="flex-heading-layout2">
                                    <h3 class="widget-border-title">相关废品</h3>
                                    <div id="owl-nav1" class="smart-nav-layout1">
                                        <span class="rt-prev">
                                            <i class="fas fa-angle-left"></i>
                                        </span>
                                        <span class="rt-next">
                                            <i class="fas fa-angle-right"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="row" id="product_2">

                                </div>
                            </div>
                        </div>


                        <!--                        <div class="item-review light-shadow-bg">-->
                        <!--                            <h3 class="widget-border-title">废品评论</h3>-->
                        <!--                            <div class="light-box-content">-->
                        <!--                                <form action="#">-->
                        <!--                                    <div class="item-text">Your email address will not be published. Required fields are-->
                        <!--                                        marked *-->
                        <!--                                    </div>-->
                        <!--                                    <div class="form-group">-->
                        <!--                                        <label>Your Name *</label>-->
                        <!--                                        <input type="text" class="form-control" name="name">-->
                        <!--                                    </div>-->
                        <!--                                    <div class="form-group">-->
                        <!--                                        <label>Your Email *</label>-->
                        <!--                                        <input type="email" class="form-control" name="email">-->
                        <!--                                    </div>-->
                        <!--                                    <div class="form-group">-->
                        <!--                                        <label>Review Title *</label>-->
                        <!--                                        <input type="text" class="form-control" name="review">-->
                        <!--                                    </div>-->
                        <!--                                    <div class="form-group item-rating">-->
                        <!--                                        <label>Your Rating *</label>-->
                        <!--                                        <ul>-->
                        <!--                                            <li><a href="#"><i class="far fa-star"></i></a></li>-->
                        <!--                                            <li><a href="#"><i class="far fa-star"></i></a></li>-->
                        <!--                                            <li><a href="#"><i class="far fa-star"></i></a></li>-->
                        <!--                                            <li><a href="#"><i class="far fa-star"></i></a></li>-->
                        <!--                                            <li><a href="#"><i class="far fa-star"></i></a></li>-->
                        <!--                                        </ul>-->
                        <!--                                    </div>-->
                        <!--                                    <div class="form-group">-->
                        <!--                                        <label>Your Review *</label>-->
                        <!--                                        <textarea class="form-control textarea" name="message" id="message" cols="30"-->
                        <!--                                                  rows="8"></textarea>-->
                        <!--                                    </div>-->
                        <!--                                    <div class="form-group">-->
                        <!--                                        <button type="submit" class="item-btn">-->
                        <!--                                            SUBMIT-->
                        <!--                                        </button>-->
                        <!--                                    </div>-->
                        <!--                                </form>-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                    </div>
                </div>
                <!--                左边框-->
                <div class="col-xl-3 col-lg-4 sidebar-break-md sidebar-widget-area" id="data_2">

                </div>
            </div>
        </div>
    </section>
    <!--=====================================-->
    <!--=       Footer Start           	=-->
    <!--=====================================-->
    <footer>
        <div class="footer-top-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-box-layout1">
                            <div class="footer-logo">
                                <img src="login/img/logo.jpg" alt="logo">
                            </div>
                            <p>互联网+废品回收平台根据节能减排的要求，为解决再生资源回收利用问题，
                                促进经济社会可持续发展。整合有限的资源构造再生资源回收、分拣、转运、
                                加工利用、集中处理为一体的产业化格局。</p>
                            <ul class="footer-social">
                                <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
                                <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                <li><a href="#" target="_blank"><i class="fab fa-pinterest"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-box-layout1">

                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-box-layout1">
                            <div class="footer-title">
                                <h3>回收优势</h3>
                            </div>
                            <div class="footer-menu-box">
                                <ul>
                                    <li><a href="#">免费上门回收</a></li>
                                    <li><a href="#">价格合理公道</a></li>
                                    <li><a href="#">长期签订合同</a></li>
                                    <li><a href="#">高效快捷服务</a></li>
                                    <li><a href="#">提供优良服务</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-box-layout1">
                            <div class="footer-title">
                                <h3>联系我们</h3>
                            </div>
                            <div class="footer-menu-box">
                                <ul>
                                    <li><a href="#">官方地址:郑州市中原区</a></li>
                                    <li><a href="#">官方电话：0376-50837713</a></li>
                                    <li><a href="#">官方负责人：海主管</a></li>
                                    <li><a href="#">官方备注：豫ICP备2022100548</a></li>
                                    <li><a href="#">本平台由官方提供技术支持</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--=====================================-->
    <!--=       Modal Start           	 	=-->
    <!--=====================================-->
    <!-- Author Mail Box -->
    <div class="modal fade author-mail-box" id="author-mail" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="#">
                        <div class="form-group">
                            <input type="text" class="form-control" name="name" id="name" placeholder="Name*">
                        </div>
                        <div class="form-group">
                            <input type="email" class="form-control" name="email" id="email" placeholder="Email*">
                        </div>
                        <div class="form-group">
                            <textarea class="form-control textarea" placeholder="Message*" name="message"
                                      id="form-message" cols="10" rows="3"></textarea>
                        </div>
                        <div class="form-group">
                            <button type="submit">
                                Submit
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- Jquery Js -->
<script src="user/dependencies/jquery/js/jquery.min.js"></script>
<!-- Popper Js -->
<script src="user/dependencies/popper.js/js/popper.min.js"></script>
<!-- Bootstrap Js -->
<script src="user/dependencies/bootstrap/js/bootstrap.min.js"></script>
<!-- Waypoints Js -->
<script src="user/dependencies/waypoints/js/jquery.waypoints.min.js"></script>
<!-- Counterup Js -->
<script src="user/dependencies/jquery.counterup/js/jquery.counterup.min.js"></script>
<!-- Owl Carousel Js -->
<script src="user/dependencies/owl.carousel/js/owl.carousel.min.js"></script>
<!-- ImagesLoaded Js -->
<script src="user/dependencies/imagesloaded/js/imagesloaded.pkgd.min.js"></script>
<!-- Isotope Js -->
<script src="user/dependencies/isotope-layout/js/isotope.pkgd.min.js"></script>
<!-- Animated Headline Js -->
<script src="user/dependencies/jquery-animated-headlines/js/jquery.animatedheadline.min.js"></script>
<!-- Magnific Popup Js -->
<script src="dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
<!-- ElevateZoom Js -->
<script src="user/dependencies/elevatezoom/js/jquery.elevateZoom-2.2.3.min.js"></script>
<!-- Bootstrap Validate Js -->
<script src="user/dependencies/bootstrap-validator/js/validator.min.js"></script>
<!-- Meanmenu Js -->
<script src="user/dependencies/meanmenu/js/jquery.meanmenu.min.js"></script>
<!-- Google Map js -->
<script src="https://ditu.google.cn/maps/api/js?key=AIzaSyBtmXSwv4YmAKtcZyyad9W7D4AC08z0Rb4"></script>
<!-- Site Scripts -->
<script src="user/assets/js/style.js"></script>
<script src="web/web-single-product.js"></script>
<script src="web/web-remove.js"></script>
</body>

</html>